@import '~styles/sizes.less';
@import '~styles/colors.less';

@breadcrumbsHeight: 30px;

.root {
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  width: @menuWidth;
  background-color: @chromeBackgroundColor;
  border-left: 1px solid @chromeBordersColor;
}

.breadcrumbs {
  position: absolute;
  height: @breadcrumbsHeight;
  line-height: @breadcrumbsHeight;
  border-top: 1px solid @chromeBordersColor;
  padding: 0 7px;
  bottom: 0;
  left: 0;
  right: 0;
}

.content {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: @breadcrumbsHeight;
}

.contentWrapper {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: @saveActionsHeight;
}
